<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../Css/main.css">
    <script src="../Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="../Scripts/main.js" type="text/javascript"></script>
</head>
<style>
    /* 内部css */
</style>

<body>
    <table cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <!-- 6-合并行跟实际情况修改  -->
                <td colspan=6 class="tbody">
                    原始记录采集表
                    <button type="button" class="subbutton" onclick="TestSub()">保存</button>
                </td>
            </tr>
            <tr>
                <td>检测结论</td>
                <!-- 按要求输出要求 -->
                <td colspan=5>
                    <!-- 隐藏域 是否合格-->
                    <input type="hidden" name="ischeck" value="true">
                    <input type="text" name="jl" value="符合XXX标准的要求">
                </td>
            </tr>
        </tbody>
    </table>

    <div id="showpar">
        <!-- 参数选项显示位置 -->
    </div>
    <!-- 参数1模版 id=（table+参数id）-->
    <form id="table1">
        <table cellpadding="0" cellspacing="0" class="hide">
            <tr>
                <td>参数1数据1</td>
                <td><input type="text" name="cs1sj1"></td>
                <td>参数1数据2</td>
                <td><input type="text" name="cs1sj2"></td>
                <td>参数1数据3</td>
                <td><input type="text" name="cs1sj3"></td>
            </tr>
        </table>
    </form>
    <!-- 参数2模版 -->
    <form id="table2">
        <table cellpadding="0" cellspacing="0" class="hide">
            <tr>
                <td>参数2数据1</td>
                <td><input type="text" name="cs2sj1"></td>
                <td>参数2数据2</td>
                <td><input type="text" name="cs2sj2"></td>
                <td>参数2数据3</td>
                <td><input type="text" name="cs2sj3"></td>
            </tr>
        </table>
    </form>
    <!-- 参数3模版 -->
    <form id="table3">
        <table cellpadding="0" cellspacing="0" class="hide">
            <tr>
                <td>参数3数据1</td>
                <td><input type="text" name="cs3sj1"></td>
                <td>参数3数据2</td>
                <td><input type="text" name="cs3sj2"></td>
                <td>参数3数据3</td>
                <td><input type="text" name="cs3sj3"></td>
            </tr>
        </table>
    </form>
    <!-- 其他参数 -->
    <form class="other">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td>其他数据1</td>
                <!-- 按要求输出要求 -->
                <td><input type="text" name="qtsj1"></td>
                <td>其他数据2</td>
                <td><input type="text" name="qtsj2"></td>
                <td>其他数据3</td>
                <td><input type="text" name="qtsj3"></td>
            </tr>
        </table>
    </form>
</body>
<script>
    //内部脚本
    //初始化参数及编辑操作赋值
    $(document).ready(function () {
        //注意表格的id使用table+每个参数id 例如：id="table1"
        var parload = [
            { "id": "1", "name": "参数1", "ischeck": false },
            { "id": "2", "name": "参数2", "ischeck": false },
            { "id": "3", "name": "参数3", "ischeck": false }
        ]
        //获取父窗体中已采集的数据
        var val = $(window.parent.document).find("input[name='prolist']").val();
        if (val != null) {
            //编辑操作
            var json = JSON.parse(val);
            //项目基础信息部分
            var a1 = json.attch1;
            /*
            逻辑处理
            ...
            */
            $("input[name='jl']").val(a1);
            //其他信息通用部分
            $.each(json.value, function (i, v) {
                inputset(v.name, v.value);
            });

            //处理参数部分
            $.each(json.list, function (index, value) {
                //参数基础信息部分使用
                var name = value.name;
                var id = value.sort;
                var attch1 = value.attch1;
                console.log(name);
                /*
                逻辑处理
                ...
                */
                //处理参数选中
                $.each(parload, function (i, v) {
                    if (id == v.id) {
                        parload[i].ischeck = true;
                    }
                })

                //遍历内容为参数对应的输入框
                $.each(value.value, function (i, v) {
                    inputset(v.name, v.value);
                });
            })
        }

        var htmlstr = "";
        $.each(parload, function (i, v) {
            if (v.ischeck) {
                htmlstr += "<input type=\"checkbox\" type=\"button\" value=\"" + v.id + "\" data-name=\"" + v.name + "\" class=\"checkpar\" onclick=\"SelectPar(this)\" checked>" + v.name
                $("#table" + v.id).find("table").attr("class", "open");
            } else {
                htmlstr += "<input type=\"checkbox\" type=\"button\" value=\"" + v.id + "\" data-name=\"" + v.name + "\" class=\"checkpar\" onclick=\"SelectPar(this)\">" + v.name
            }
        })
        $("#showpar").html(htmlstr);

    });

</script>

</html>